<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function fun1(){
            // window.alert("这是一个提示框"); // 弹出提示框
            alert("这是一个提示框"); // 弹出提示框
        }
        function fun2(){
            var name=prompt("请输入你的名字"); // 弹出输入框
            console.log(name); // 输出输入的内容
        }
        function fun3(){
            var flag=confirm("是否正确"); // 弹出确认框
            console.log(flag);
        }
        function fun4(){
            setTimeout(function(){
                alert("这是一个定时器弹出框");
            }, 2000); // 2秒后弹出提示框
        }
        function funa(){
            history.back(); // 返回上一页
        }
        function funb(){
            history.forward(); // 前进到下一页
            // history.go(1); // 前进到下一页
        }
        function func(){
            location.href = "http://www.atguigu.com"; // 跳转到指定链接
        }
        function fune(){
            localStorage.setItem("name", "张三"); // 存储数据到本地存储
            sessionStorage.setItem("age", "18"); // 存储数据到本地存储
            console.log("数据已存储");
        }
        function funf(){
            var name = localStorage.getItem("name"); // 获取本地存储的数据
            var age = sessionStorage.getItem("age"); // 获取会话存储的数据
            console.log("姓名：" + name + ", 年龄：" + age);
        }
        function fung(){
            localStorage.removeItem("name"); // 删除本地存储的数据
            sessionStorage.removeItem("age"); // 删除会话存储的数据
            console.log("数据已删除");
        }
        
    </script>
</head>
<body>
    <button onclick="func()">尚硅谷</button>
    <button onclick="funa()">上一页</button>
    <button onclick="funb()">下一页</button>
    <br>
    <a href="http://www.atguigu.com">尚硅谷</a>
    <hr>
    <button onclick="fune()">存储数据</button>
    <button onclick="funf()">查看数据</button>
    <button onclick="fung()">删除数据</button>
    <br>
    <button onclick="fun1()">提示</button>
    <button onclick="fun2()">输入</button>
    <button onclick="fun3()">是否确定</button>
    <button onclick="fun4()">定时器2秒</button>
</body>
</html>